<div class="back-top-btn" id="backTopBtn">
	<img src="/neihan/resource/neihan_web/static/image/site-v2/backTop_e8b77a0.png" alt="">
</div>
<div id="footer" class="footer-wrapper site-width">
	<footer>
		<ul>
			<li>
				<a href="/about/">关于我们</a>
			</li>
			<li>
				<a href="/contact/">联系我们</a>
			</li>
			<li>
				<a href="/help/">使用帮助</a>
			</li>
			<li>
				<a href="/protocol/">用户协议</a>
			</li>
			<li class="iphone">
				<img src="/neihan/resource/neihan_web/static/image/site-v2/apple_c00aec2.png" alt="">
				<a href="<%= GetStringConfig.IOSDown %>">iPhone/iPad</a>
			</li>
			<li class="android">
				<img src="/neihan/resource/neihan_web/static/image/site-v2/android_174ebda.png" alt="">
				<a href="<%= GetStringConfig.IOSDown %>">Android</a>
			</li>
		</ul>
		<p>2015&copy; 内涵社区
			<a href="/">xxx.com</a>｜
			<a href="">备案号:
				<%= GetStringConfig.CaseNumber %>
			</a>｜By:小司机</p>
		<p>地址：XXXXXXXXXXX</p>
	</footer>
</div>

<div class="popup-window-wrapper" id="loginPopupWindow">
	<div class="mask"></div>
	<div class="popup-window">
		<div class="header">
			<span class="title left">
登录
</span>
			<span class="close right"><a href="javascript:;">取消</a></span>
		</div>
		<div class="content">

			<div id="loginPopup">
				<ul class="share-items">
					<li class="login" data-type="sina_weibo">
						<a href="javascript:;"></a>
					</li>
					<li class="login" style="display:none;" data-type="qq_weibo">
						<a href="javascript:;"></a>
					</li>
					<li class="login" data-type="qzone_sns">
						<a href="javascript:;"></a>
					</li>

				</ul>
				<a href="javascript:void(0);" class="agree-warpper" onclick="window.open('/protocol/');" target="_blank">
					<p class="agree">同意《内涵段子用户协议》</p>
				</a>
			</div>

		</div>
	</div>
</div>
<div class="popup-window-wrapper" id="reportPopupWindow">
	<div class="mask"></div>
	<div class="popup-window">
		<div class="header">
			<span class="title left">
举报
</span>
			<span class="close right"><a href="javascript:;">取消</a></span>
		</div>
		<div class="content">

			<div id="reportPopup">
				<ul>
					<li data-type="8">垃圾广告</li>
					<li data-type="22">淫秽色情</li>
					<li data-type="21">煽情骗顶</li>
					<li data-type="9">以前看过</li>
					<li data-type="24">抄袭我的内容</li>
					<li data-type="0">其他</li>
				</ul>
				<div class="submit-btn-wrapper">
					<div class="submit-btn">提交</div>
				</div>
			</div>

		</div>
	</div>
</div>
<div class="popup-window-wrapper" id="postPopupWindow">
	<div class="mask"></div>
	<div class="popup-window">
		<div class="header">
			<span class="title left">
投稿
</span>
			<span class="close right"><a href="javascript:;" onclick="$('#postPopupWindow').hide()">取消</a></span>
		</div>
		<div class="content">

			<div id="postPopup">
				<ul class="tabs">
					<li class="active" data-tag="joke">段子</li>
					<li data-tag="funny_heavy" class="">囧图</li>
					<!--<li data-tag="funnyvideo" class="">视频</li>-->
				</ul>
				<div class="content-wrapper">
					<input name="activity_id" type="hidden" value="1">
					<div class="category-wrapper hidden">
						<label for="categorySelector">选择一个投稿频道：<select name="category_id" id="categorySelector" style="width:300px;" class=""></select></label>
					</div>

					<div class="textarea-wrapper" style="position:relative;">
						<textarea name="text" id="postContent" placeholder="分享一切有笑点的事情,投稿经审核评分后,有机会被推荐到首页,注意不要发别人已经发过的老段子哦."></textarea>
						<div class="words-remain"><span>300</span>个字</div>
						<div class="img-preview-wrapper">
							<div class="hidden" id="fakeImgPreviewer"></div>
							<img id="previewImg" class="preview-img" alt="" src="">
							<input type="hidden" id="imgurl" value="" />
							<input type="hidden" id="imgcode" value="" />
							<input type="hidden" id="imgmsg" value="" />
							<span class="clear"></span>
						</div>
					</div>

					<div class="select-file-tip" style="display: none;">
						选择文件
						<div class="error" id="fileUploadError" style="visibility: hidden;"></div>
					</div>
					<div class="file-input" style="display: none;">
						<span class="process-bar" style="width: 0px;"></span>
						<span class="file-selector">...</span>
					</div>
					<div style="text-align:center;">
						<form method="post" id="imgform" enctype="multipart/form-data" action="/api/index/upload" style="display: none;">
							<a href="javascript:;" class="imgstyle">请选择文件
								<input type="file" name="file" id="file" value="" accept="image/*" />
							</a>
							<button id="btnSub" class="btn btn-lg btn-primary" type="submit">上 传</button>
						</form>
						<input type="submit" value="提交" class="submit-btn" id="submitBtn">
					</div>

					<p id="videoUploadTip" class="video-upload-tip" style="display: none;">
						不要上传大于5分钟的视频，小编不会通过哒，浓缩的才是精华！~
					</p>
				</div>
			</div>

		</div>
	</div>
</div>
<div class="popup-window-wrapper" id="needLoginPopupWindow">
	<div class="mask"></div>
	<div class="popup-window">
		<div class="header">
			<span class="title left">
</span>
			<span class="close right"><a href="javascript:;">取消</a></span>
		</div>
		<div class="content">

			<div>
				<img src="/neihan/resource/neihan_web/static/image/site-v2/audit/phone_new_93c60d5.png" alt="" class="phone left">
				<div class="text-wrapper left">
					<div class="h1">内涵段子</div>
					<div class="h2">登录才能表状态哦</div>
					<div class="h2 mb">下载APP，帮你涨姿势，有内涵</div>
					<div class="button left" id="showLoginBtn">
						<a href="javascript:;" target="_blank">登录</a>
					</div>
					<!-- <div class="button left"><a href="http://s.toutiao.com/UwwAd/" target="_blank">下载</a></div> -->
					<img src="/neihan/resource/neihan_web/static/image/site-v2/qrcode_joke_essay_a60675d.png" alt="" class="qrcode">
				</div>
			</div>

		</div>
	</div>
</div>

<div id="shareWindow">
	<ul class="share-items">
		<li class="share" data-share-type="bds_tsina" data-type="sina_weibo"></li>
		<li class="share" data-share-type="bds_tqq" data-type="qq_weibo"></li>
		<li class="share" data-share-type="bds_qzone" data-type="qzone_sns"></li>
	</ul>
	<span class="arrow"></span>
</div>
<div id="tips">
	<div class="mask"></div>
	<span class="content"></span>
</div>
<script type="text/javascript" src="/neihan/resource/neihan_web/common/util/user_9b6d6d1.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/pagelet/site-v2/popup-window/login/login_5fe5da1.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/pagelet/site-v2/popup-window/report/report_15a31a9.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/pagelet/site-v2/popup-window/need-login/need-login_2dbd574.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/common/util/bdshare_4f55d04.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/pagelet/site-v2/share/share_52c2dd3.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/pagelet/site-v2/tips/tips_64c0a56.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/pagelet/site-v2/popup-window/post/post_66e5912.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/pagelet/site-v2/popup-window/audit/audit_ba730a4.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/common/listview/list_1a426ec.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/common/listview/comments_ed20dc7.js"></script>
<script type="text/javascript" src="/neihan/resource/neihan_web/common/listview/messages_158e9bf.js"></script>
<script src="/neihan/resource/neihan_web/static/js/lib/common_57cc1fa.js"></script>
<script src="/neihan/resource/neihan_web/static/js/site-v2/constant_338942c.js"></script>
<script src="/neihan/resource/neihan_web/static/js/site-v2/handler_365b752.js"></script>
<script src="/neihan/resource/neihan_web/static/js/site-v2/userAction_8cdf064.js"></script>
<script src="/neihan/resource/neihan_web/static/js/lib/select2/select2_b8f26dd.js"></script>
<script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery.form/4.2.2/jquery.form.min.js"></script>
<script src="/assets/js/public.js" type="text/javascript" charset="utf-8"></script>
<!-- 切换tab -->
<script>
	$("#postPopup>.tabs>li").each(function(i) {
		$(this).click(function() {
			$("[name=activity_id]").val(i + 1)
			$("#postPopup>.tabs>li").removeClass("active");
			$(this).addClass("active");
			if(i == 1 | i == 2) {
				if(i == 1) {
					if($("#file").val()) {
						$(".file-input>.process-bar").css("width", "100%");
						//存在图片
						$("#postPopupWindow").addClass("show-img-preview");
					}
				}
				$(".select-file-tip").show().next().show();
			} else {
				$(".select-file-tip").hide().next().hide();
				$("#postPopupWindow").removeClass("show-img-preview");
			}
		})
	})
	$(".file-input").click(function() {
		$("#file").click();
	})
	$("#file").change(function() {
		var form = new FormData(document.getElementById("imgform"));
		if($("[name=activity_id]").val() == 2 || $("[name=activity_id]").val() == 3) {
			Wo.uploadimgurl();
			if($("#imgcode").val() > 0) {
				alert($("#imgmsg").val())
				return false;
			}
		}
		if($("#file").val()) {
			if(Wo.fileChange("#file")) {
				$(".file-input>.process-bar").css("width", "100%");
				//存在图片
				$("#postPopupWindow").addClass("show-img-preview");
				var file = $("#file")[0].files[0];
				//创建读取文件的对象  
				var reader = new FileReader();
				//创建文件读取相关的变量  
				var imgFile;
				//为文件读取成功设置事件  
				reader.onload = function(e) {
					console.log('文件读取完成');
					imgFile = e.target.result;
					$("#previewImg").attr('src', imgFile);
				};
				//正式读取文件  
				reader.readAsDataURL(file);
			}
		}
	})
	//删除图片
	$(".img-preview-wrapper>span.clear").click(function() {
		$(".file-input>.process-bar").css("width", "0");
		$("#postPopupWindow").removeClass("show-img-preview");
		$("#file").val("");
		$("#imgurl").val("")
		$("#imgcode").val("")
		$("#imgmsg").val("")
	})
</script>